/* ---------- 通用粉色基调 ---------- */
body{
    margin:0;
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;
    background:#fff0f5;              /* 极浅粉背景 */
    color:#333;
}

a{
    color:#ff69b4;                   /* 深粉链接 */
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

/* ---------- 留言卡片 ---------- */
.msg-list{
    width:90%;
    max-width:800px;
    margin:30px auto;
}

.msg-card{
    background:#ffffff;
    border:1px solid #ffd0e0;        /* 淡粉边框 */
    border-radius:12px;
    box-shadow:0 2px 8px rgba(255,105,180,.08);
    padding:18px 22px;
    margin-bottom:15px;
    transition:box-shadow .3s, transform .2s;
}

.msg-card:hover{
    box-shadow:0 4px 16px rgba(255,105,180,.15);
    transform:translateY(-2px);
}

.msg-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}

.msg-name{
    font-weight:bold;
    color:#ff69b4;                   /* 深粉昵称 */
}

.msg-time{
    font-size:13px;
    color:#999;
}

.msg-body{
    line-height:1.6;
    word-break:break-all;
}

/* ---------- 输入表单 ---------- */
form{
    width:90%;
    max-width:800px;
    margin:20px auto;
    background:#ffffff;
    border:1px solid #ffd0e0;
    border-radius:12px;
    padding:20px;
    box-shadow:0 2px 8px rgba(255,105,180,.08);
}

input[type=text],textarea{
    width:100%;
    padding:10px;
    margin:8px 0 15px;
    border:1px solid #ffd0e0;
    border-radius:6px;
    font-size:14px;
    resize:vertical;
    transition:border-color .2s;
}

input[type=text]:focus,textarea:focus{
    outline:none;
    border-color:#ff69b4;
}

input[type=submit]{
    background:#ff69b4;              /* 粉色按钮 */
    color:#fff;
    border:0;
    padding:10px 25px;
    border-radius:20px;              /* 椭圆按钮 */
    cursor:pointer;
    font-size:14px;
    transition:background .3s, transform .2s;
}

input[type=submit]:hover{
    background:#ff1493;              /* 悬停深一号 */
    transform:translateY(-2px);
}